<template>
  <div style="background-color:#fff;padding-bottom:30px">
    <ul class="socialTab clearfix">
      <!-- 如果 item，type===current的话  就给他加这两个类 -->
	  <!-- 消息未读的气泡 -->
      <el-badge
        :value="item.totalNum||''"
        :hidden='item.totalNum===0'
        class="item"
        v-for="item in tabs"
        :key='item.type'
      >
        <li
          v-html="item.tablename"
          :class="{'fl':true,'active':item.type===current}"
          @click="clickTab(item)"
        ></li>
      </el-badge>
    </ul>
    <!-- 当current 等于0 的时候显示 socialList这个页面   -->
	<list v-if="current==='0'"></list>
    <!-- 当current 等于1、2、3的时候显示 socialCheck  这个页面 -->
    <!--企业信息  type  是 1 ，  优质企业  type  是 2  ， 知名企业  type  是 3  ， 岗位管理  type  是4  -->
    <check
      v-if="current==='1'||current==='2'||current==='3'||current==='5'||current==='6'||current==='7'"
      :title="title"
      :companyType="type"
	  :unreadNum="tabs[type].totalNum"
      :tindex="tindex"
      ref="socialCheck"
    ></check>
    <!-- <refund v-if="current==='4'"></refund> -->
    <!-- 当 current 等于4 的时候显示 posting这个页面 -->
    <post v-if="current==='4'" :unreadNum="unreadNum"></post>
	 
  </div>
</template>
<script>
// 企业列表页
import list from "./socialList/socialList.vue";
// 企业信息  优质企业  知名企业  tab栏页面
import check from "./socialCheck/socialCheck.vue";
// import refund from "./socialRefundApl/refundApl.vue";
// 岗位管理页面     大页面
import post from "./post/posting.vue";
import { setInterval } from 'timers';

export default {
  name: "socical",
  components: {
    list,
    check,
    // refund,
    post
  },
  data () {
    return {
      current: "0",
      // li  遍历了这个tabs的这个数组 。生成表头
      tabs: [],
      // 这个title被传到了socialCheck这个儿子里面
      title: "",
      // 这个type被传到了socialCheck这个儿子里面
      type: "0",
      // 这个tindex被传到了socialCheck这个儿子里面
      tindex: "1",
      // 企业列表   ， 企业信息审核，  优质企业审核，  知名企业审核 ，  岗位管理
      qytab: {
        qylb: false,
        qysh: false,
        yzqy: false,
        zmqy: false,
        gwgl: false,
        dgzhsh: false,
      },
	  unreadNum: 0
    };
  },
  created(){
	 
  },
  
  mounted () {
    /* setInterval(() => {
      window.location.reload();
    }, 300000) */

    let permisstions = this.GLOBAL.permisstions;

    // 遍历这个permisstions，然后获得这个   item   ，如果  item  里面的 power==2 的话，就把  item  里面的   tablelist  赋值给  tabs
    permisstions.forEach(item => {
      if (item.power == 2) {
		  console.log(item);
        this.tabs = item.tablelist;
        // item.tablelist.push({
        //   tablename: "对公账户审核",
        //   type: "5",
        //   table: "2008"
        // })
        // console.log(localStorage.getItem('permisstions'))
        // 遍历 这个tabs  ，获得的  items 里面的  table  这个属性，  如果等于****就把每个 item  的  type  赋一个对应的值 
        this.tabs.forEach(items => {
          if (items.table == "2001") {
            // 当  item.table=2001 的时候 让 item.type=0    让企业列表显示
            items.type = "0";
            this.qytab.qylb = true;
          } else if (items.table == "2002") {
            // 当  item.table=2002 的时候 让 item.type=1    让企业审核显示
            items.type = "1";
            this.qytab.qysh = true;
			this.getList(1,0);
          } else if (items.table == "2003") {
            // 当  item.table=2003 的时候 让 item.type=2    让优质企业显示
            items.type = "2";
            this.qytab.yzqy = true;
			this.getList(2,0);
          } else if (items.table == "2004") {
            // 当  item.table=2004 的时候 让 item.type=3    让知名企业显示
            items.type = "3";
            this.qytab.zmqy = true;
			this.getList(3,0);
          } else if (items.table == "2005") {
            // 当  item.table=2005 的时候 让 item.type=4    让岗位管理显示
            items.type = "4";
            this.qytab.gwgl = true;
          } else if (items.table == "2006") {
			// 当  item.table=2006 的时候   让   item.type=5    让对公账户审核显示
            items.type = "5";
            this.qytab.dgzhsh = true;
			this.getList2();
          }
        });
      }

    });
    // 如果   this.qytab.qylb  为false 并且  this.qytab.qysh  为true的时候
    //  把date 里面的  current 和 type 都改为  1  
    if (!this.qytab.qylb && this.qytab.qysh) {
      // 企业信息审核的时候  current  和  type  都是1 
      this.current = "1";
      this.type = "1";
      this.title = "企业信息审核";
    } else if (!this.qytab.qylb && !this.qytab.qysh && this.qytab.yzqy) {
      // 优质企业的时候  current  和 type  都是2
      this.current = "2";
      this.type = "2";
      this.title = "优质企业审核";
    } else if (
      !this.qytab.qylb &&
      !this.qytab.qysh &&
      !this.qytab.yzqy &&
      this.qytab.zmqy
    ) {
      // 知名企业的时候 current 和 type  都为 3
      this.current = "3";
      this.type = "3";
      this.title = "知名企业审核";
    } else if (
      !this.qytab.qylb &&
      !this.qytab.qysh &&
      !this.qytab.yzqy &&
      !this.qytab.zmqy &&
      this.qytab.gwgl
    ) {
      // 岗位管理的时候 current  和 type  都为 4 
      this.current = "4";
      this.type = "4";
      this.title = "岗位管理";
    } else if (
      // 对公账户审核时候  current 和  type 都为 5 
      !this.qytab.qylb &&
      !this.qytab.qysh &&
      !this.qytab.yzqy &&
      !this.qytab.zmqy &&
      !this.qytab.gwgl &&
      this.qytab.dgzhsh
    ) {
      // 岗位管理的时候 current  和 type  都为 4 
      this.current = "5";
      this.type = "5";
      this.title = "对公账户审核"
    }
	console.log(this.tabs);
	console.log(this.qytab);
	console.log(typeof this.current);
  },
  methods: {
    // 当点击tab烂按钮的时候，把当前航对象的type各种东西都赋值给 date 里面的 属性
    // 企业信息  type  是 1 ，  优质企业  type  是 2  ， 知名企业  type  是 3  ， 岗位管理  type  是4  ,对公账户审核是 5
    clickTab (item) {
      console.log('hahahah', item)
      this.current = item.type;
      this.tindex = item.type;
      this.title = item.tablename;
      this.type = item.type;
    },
    // 先调用这个对公账户审核的待审核里面的数据
    getList2 () {
      this.$eleconAxios.post(`/electronic/contract/SelectCheckInfo?checkState=0`)
        .then(res => {
          if (res.data.message === "查询成功") {
            let result = res.data.data;
            // this.tabs[5].totalNum = Number(result.pageTotal);
			// console.log(res)
			
			this.$set(this.tabs[5],'totalNum',Number(result.pageTotal))
          } else {
            console.log("出错了")
          }
        });
      // 这个    getlist   方法 是为了拿到  一个页面的条数  以及一个页面显示几条， 一及一共有多少条 
    },
    getList (type,status) {
      let params = {
        type,//代表企业信息审核 1、优质企业 2、知名企业  3
        status,//待审核 0， 已通过 1，未通过 2
        pagenum: 1,
        pagesize: 1,
        province: '',
        city: '',
        area: ''
      };
      // this.$axios
      //   .post("/app/v1/platform/company/reviewList", params)
	 this.$flexibleAxios
	   .post("/v1/platform/company/reviewList", params)
        .then(res => {
          if (res.data.message === "success.") {
            let result = res.data.data;
			
			console.log(result,'result');
			this.$set(this.tabs[type],'totalNum',Number(result.totalpage))
          }
        });
    },

  }
};
</script>
<style scoped>
.fl {
  margin-right: 0px;
  margin-left: 15px;
}
</style>